<style type="text/css" media="screen">
.weui-cells__title{
    color:#000;
    font-size:17px;
}
.weui-cell::before{
  border-top:none;
}
.weui-cells::before{
  border-top:none;
}
.weui-cells::after{
    border-bottom: none;
}
.my-weui-cell{
    /* border-top: 1px solid #e5e5e5; */
    border-bottom: 1px solid #e5e5e5;
}
.inline-input {
    border: 1px solid #ccc;
    display:inline;
    width:150px;
}
.page__hd {
    /* padding: 0px; */
    padding: 0px 5px;
    padding-top: 10px;
    /* border: 1px solid #000; */
}
.page__title{
    margin-top: 5px;
    font-size: 20px;
    color: #333;
    text-align: center;
}
.weui-panel__hd
{
    font-size: 15px;
}
.header-img{
    width: 100%;
}
</style>
<form name="form1" id="form1"  role="form" data-toggle="validator" method="POST" action="">
    <div class='weui-mask_transparent' id="toast">
        <div class="weui-toast weui_loading_toast weui-toast--visible" >
            <div class="weui_loading">
                <i class="weui-loading weui-icon_toast"></i>
            </div>
            <p class="weui-toast_content">数据加载中</p>
        </div>
    </div>
    <div class="page">
        <header class='demos-header'>
            <img src="__CDN__/assets/img/school.jpg" class="header-img">
        </header>
        <div class="page__hd">
            <div class="page__title" id="title">
                班车预约签到
            </div>
        </div>
        <div class="page__bd">
            <div class="weui-cells weui-cells_form">
                <div class ="my-weui-cell" id="div_tel">
                    <div class="weui-cell">
                        <div class="weui-cell__bd">
                            <input class="weui-input" type="tel" name='row[tel]' id='tel' required  placeholder="请填写手机号/教工号">
                        </div>
                        <div style="margin-top: 15px;text-align: center">
                            <button id="formSubmitBtn" type="button" class="weui-btn weui-btn_mini weui-btn_success">提交</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>
<div style="display: none">
    <script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1278607366&web_id=1278607366"></script>
</div>
<script type="text/javascript">
       var wait =3;
       var interval = setInterval(function () {
        var time = --wait;
           if (time <= 0) {
              document.getElementById('toast').style.display="none";
        }
    }, 1000);

</script>